<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<c:if test="${not empty artikel}">
    <div>
        <div class="col-md-11"><a style="margin-left:40px" href="index" onclick="history.go(-1);
                event.preventDefault();">Terug naar het overzicht</a></div>

        <div class="predefinedOverview col-md-11" style="margin-left: 40px">
            <div>
                <div style="margin-top: 10px">
                    <img style="float:left; margin-top:12px; margin-left:10px" src="../../img/artikel/${artikel.titel}.jpg" width="240" />
                </div>
                <div class="col-md-9">
                    <div class="col-md-9">
                        <h3>${artikel.titel}</h3><H4>Beoordeling: ${average}</H4> uit ${aantalBeoordelingen} beoordelingen
                    </div>
                    <div class="col-md-9">
                        ${artikel.uitvoering} / ${artikel.genre}<br>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="col-md-10">
                        <p>${artikel.samenvatting}</p>
                    </div>
                    <div class="col-md-2">
                        <div class="row">
                            <p style="font-size:15px">${artikel.duur}</p>
                            <p style="font-size:15px">${artikel.cast}</p>
                            <p>${artikel.producent}<br>
                                ${artikel.productiemaatschappij}</p>
                        </div>
                        <div style="clear:both"></div>
                        <!--<div class="submit col-md-7"><a class="btn-link" href="reserveer/${artikel.artikelID}">Reserveer</a></div>-->
                    </div>
                </div>
            </div>
            <div class="col-md-12"></div>
            <c:if test="${not empty recensies}">
                <div class="col-md-12" style="margin-left: 15px; margin-top: 30px"><H4><p>Recensies </H4> aantal ${aantalRecensies}</div>
                        <c:forEach var="recensie" items="${recensies}">
                    <div class="predefinedDetails leftalign col-md-3">
                        <div class="row">
                            <p class="pPredefinedDetails">
                                ${recensie.moviefanUser.username}<br>
                                ${recensie.tekst}<br>
                            </p>
                        </div>
                    </div>
                </c:forEach>
            </c:if>
            <c:if test="${empty recensies}">
                <div class="col-md-12">Er zijn geen recensies gevonden voor deze film</div>
            </c:if>
            <c:if test="${gerecenseerdornot==true}">
                <div class="col-md-12"><a href="<c:url value="/recensie/create/${artikel.artikelID}"/>">Schrijf een recensie</a></div>
            </c:if>
            <c:if test="${gerecenseerdornot==false}">
                <div class="col-md-12"><i>Je hebt al een recensie geschreven voor deze film</i></div>
            </c:if>
            <c:if test="${beoordeeldornot==true}">
                <div class="col-md-12"><a href="<c:url value="/beoordeling/create/${artikel.artikelID}"/>">Geef een beoordeling</a></div>
            </c:if>
            <c:if test="${beoordeeldornot==false}">
                <div class="col-md-12"><i>Je hebt deze film al beoordeeld</i></div>
            </c:if>
        </div>
    </div>
</c:if>
<c:if test="${empty artikel}">
    <H3>Helaas, er is iets fout gegaan</H3>
    </c:if>

